import { Canvas, Meta, Story, Source } from '@storybook/blocks';
import { tagSourceDocs } from './tag.utils';
import * as TagStories from './tag.stories';

<Meta title="Atoms/Tag/Overview" />

# Atoms tag overview

## Description

The tag atom is used to display a link with a text identified as a tag.

## States

<br />

### Default

<Canvas>
  <Story of={TagStories.TagDefault}></Story>
</Canvas>

### Hover

<Canvas>
  <Story of={TagStories.TagHover}></Story>
</Canvas>

## Code

<br />

<Source {...tagSourceDocs().docs.source} />

## Use cases

> This component is used in the following stories:

### Molecules

### Organisms

### Templates

### Pages
